<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd"  
      xml:lang="en"  
      lang="en"> 

<wicket:head>
	<script src="jquery.min.js" type="text/javascript" ></script>
	<script type="text/javascript">
		
		function clearMenu() {
			// hide the menu
			$('a.menu, .dropdown-toggle').parent('li').removeClass('open')
		} 
		
		$(document).ready(function() {
			// hide menu when clicking anywhere else in page
			$('html').bind('click', clearMenu)
			$('a.menu, .dropdown-toggle').click(
					function (e) {
						var $li = $(this).parent('li').toggleClass('open');
						return false;
					}
			);
		});
	</script>
</wicket:head>

<wicket:panel>
	<a class="menu" href=""><span wicket:id="label">label</span></a>
	<ul class="menu-dropdown">
		<li wicket:id="menuItems"><span wicket:id="menuItem">[MenuItem]</span></li>
	</ul>	
</wicket:panel>
</html>